iT邦幫忙

2025 iThome 鐵人賽
DAY 3
0
自我挑戰組

前端轉職學習記錄系列 第 3 篇

DAY3- CSS 基礎-選擇器-1

17th鐵人賽
24 瀏覽

  • 分享至 

  • xImage
    •  

CSS選擇器

3.子元素選擇器:只選擇class的直接子元素
https://ithelp.ithome.com.tw/upload/images/20250917/20175965UJSS1wi1Qo.png
4.相鄰兄弟選擇器:套用兩個相鄰在後的標籤
https://ithelp.ithome.com.tw/upload/images/20250917/20175965IAKRU4sge9.png

  • 屬性選擇器
    1.具有特定屬性的元素:
    https://ithelp.ithome.com.tw/upload/images/20250917/20175965wsB59fM3op.png
    2.屬性值完全匹配:
    https://ithelp.ithome.com.tw/upload/images/20250917/20175965oyxiLmwUbM.png

上一篇
DAY2- CSS 基礎-引入方式
下一篇
DAY4- CSS 基礎-選擇器-2
系列文
前端轉職學習記錄 共 22 篇
  1. 18
    DAY17- CSS 基礎-完整主軸對齊範例
  2. 19
    DAY18- CSS 基礎-交叉軸對齊：align-items
  3. 20
    DAY19- CSS 基礎-交叉軸對齊：align-items-2
  4. 21
    DAY20- CSS 基礎-交叉軸對齊：align-items-3
  5. 22
    DAY20- CSS 基礎-交叉軸對齊練習
完整目錄
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言
iThome鐵人賽
iThome鐵人賽
參賽組數
902 組
團體組數
37 組
累計文章數
16418 篇
完賽人數
189 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 17th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# linux windows server css react
熱門問題
熱門回答
熱門文章
IT邦幫忙